<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	<script src="../js/vue.min.js"></script>
	</head>
	<body> 

    <section id="app">
        <my-component-a></my-component-a>
        <my-component-b></my-component-b>
    </section>

    <template id="a">
        <select><option value="1">大学</option></select>
    </template>

    <template id="b">
        <select><option value="2">小学</option></select>
    </template>

 
    <script type="text/javascript">
        const componentA = {
            template: '#a',
            data(){
                return { }
            }
            //...
        }

        const componentB = {
            template: '#b',
            data(){
                return { }
            }
            //...
        }

        var vm = new Vue({
         el: '#app',
         components: {
          // 局部注册，my-component-a是标签名称
          'my-component-a': componentA,
          // 局部注册，my-component-b是标签名称
          'my-component-b': componentB
         }
        })
    </script>

</body> 
</html>